/* Email Author : tranngoclam1909@gmail.com */

.order{
    width: 1160px;
    margin: 0 auto;

    padding-bottom: 20px;
    padding-top: 20px;
}

.order-list{
    float: left;
    width: 570px;
}

.order-list .title{
    height: 36px;
    float: left;
    line-height: 36px;
    font-family: arial, helvetica, sans serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    color: #505050;
}

.order-list-inner{
    float: left;
    border: 5px #f34b26 solid;
    padding: 20px;
    width: 570px;
    box-sizing: border-box;
    font-family: arial, helvetica, sans serif;
}

.order-list-inner .number{
    font-size: 13px;
    font-weight: bold;
    color: #505050;
    width: 100%;
    float: left;
    height: 30px;
    border-bottom: 1px solid #d4d4d4;
}

.order-list-inner table{
    font-size: 12px;
    padding-top: 10px;
    line-height: 20px;
    color: #505050;
    width: 100%;
}

.order-list-inner table td{
    vertical-align: top;
    height: 24px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px #e5e5e5 dashed;
}

.order-list-inner table td.name{
    width: 60%;
    border-bottom: 1px #d4d4d4 dashed;
    font-weight: bold;
    padding: none;
    color: #0072bc;
}

.order-list-inner table td.numb{
    width: 15%;
    border-bottom: 1px #d4d4d4 dashed;
    font-weight: bold;
    padding: none;
    color: #0072bc;
    text-align: center;
}

.order-list-inner table td.price{
    width: 25%;
    border-bottom: 1px #d4d4d4 dashed;
    font-weight: bold;
    padding: none;
    color: #0072bc;
    text-align: right;
}

.order-list-inner table td.right{
    text-align: right;
}

.order-list-inner table td.center{
    text-align: center;
}

.login-register{
    width: 570px;
    float: left;
    box-sizing: border-box;
    margin-right: 20px;
}

.red{
    color: #ff0000;
}

.login-register ul.tabs li{
    font-family: arial, helvetica, sans serif;
    float: left;
    list-style: none;
    cursor: pointer;
    margin-right: 5px;
    border: 1px #e5e5e5 solid;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: bold;
    box-sizing: border-box;
    color: #505050;
}

.login-register ul.tabs li.active{
    background: #f34b26;
    color: #fff;
    border: 1px #f34b26 solid;
}

.login-register .tab_container_main{
    float: left;
    width: 100%;
    border: 1px #e5e5e5 solid;
    font-family: arial, helvetica, sans serif;
    font-size: 12px;
    margin-top: -1px;
    padding: 20px 70px;
}

.login-register .tab_container_main table{
    width: 425px;
}

.login-register .tab_container_main input, .login-register .tab_container_main select{
    border: 1px #e5e5e5 solid;
    height: 30px;
    width: 300px;
    line-height: 30px;
    padding: 0px 5px;
}

.login-register .tab_container_main textarea{
    border: 1px #e5e5e5 solid;
    width: 300px;
    max-width: 300px;
    height: 100px;
    font-family: arial, helvetica, sans serif;
    font-size: 13px;
    padding: 5px;
}

.login-register table tr{
    height: 40px;
    line-height: 40px;
}

.login-register table tr td.title{
    width: 125px;
}

.login-register table tr td.info{
    width: 300px;
}

.login-register table tr td .submit-button{
    background-color: #0072bc;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    font-family: arial, helvetica, sans serif;
    border-radius: 5px;
    height: 36px;
    line-height: 36px;
    width: 100px;
    border: none;
}

.login-register table tr td .submit-button:hover{
    background-color: #f34b26;
}

.login-register table tr td.regist-more a{
    font-family: arial, helvetica, sans serif;
    font-size: 12px;
    color: #f34b26;
    text-decoration: none;
    padding-right: 30px;
}

.login-register table tr td.regist-more a:hover{
    text-decoration: underline;
}

.total{
    width: 100%;
    float: left;
}

.total .title-1{
    font-weight: bold;
    font-size: 13px;
    color: #0072bc;
    width: 70%;
}

.total .title-2{
    font-weight: bold;
    font-size: 13px;
    color: #0072bc;
}

.total .number-1{
    width: 30%;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}

.total .number-2{
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    color: #f34b26;
}

.total .tip{
    color: #adadad;
    font-size: 13px;
    font-weight: normal;
}

 /*Register Form */
.title-register{
    width: 1160px;
    margin: 0 auto;
    height: 36px;
    line-height: 36px;
    font-family: arial, helvetica, sans serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    color: #505050;
}

.register-form{
    width: 570px;
    box-sizing: border-box;
    float: left;
    font-size: 12px;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
}

.register-form-inner{
    float: left;
    width: 100%;
    border: 1px #e5e5e5 solid;
    font-family: arial, helvetica, sans serif;
    font-size: 12px;
    margin-top: -1px;
    padding: 20px 70px;
}

.register-form-inner table{
    width: 425px;
}

.register-form-inner table tr {
    height: 40px;
    line-height: 40px;
}

.register-form-inner table tr td.title {
    width: 115px;
    display: block;
}

.error{
    color: #ff0000;
}

.register-form-inner table tr td.info {
    width: 287px;
}

.register-form-inner input{
    border: 1px #e5e5e5 solid;
    height: 30px;
    width: 287px;
    line-height: 30px;
    padding: 0px 5px;
}

.register-form-inner select.sex{
    border: 1px #e5e5e5 solid;
    height: 30px;
    width: 300px;
    line-height: 30px;
    padding: 0px 5px;
}

.register-form-inner select.birth{
    border: 1px #e5e5e5 solid;
    height: 30px;
    width: 98px;
    line-height: 30px;
    padding: 0px 5px;
}

.register-form-inner input.checkmail{
    width: 13px;
    height: 13px;
}

.register-form-inner table tr td .register-button{
    background-color: #0072bc;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    font-family: arial, helvetica, sans serif;
    border-radius: 5px;
    height: 36px;
    line-height: 36px;
    width: 100px;
    border: none;
}

.register-form-inner table tr td .register-button:hover{
    background-color: #f34b26;
}

.register-form textarea{
    border: 1px #e5e5e5 solid;
    width: 300px;
    max-width: 300px;
    height: 100px;
    font-family: arial, helvetica, sans serif;
    font-size: 13px;
    padding: 5px;
}

/* Policy Content */
.policy-content{
    margin-top: 20px;
    width: 570px;
    float: left;
    margin-bottom: 20px;
}

.policy-content .title{
    width: 570px;
    margin: 0 auto;
    height: 36px;
    line-height: 36px;
    font-family: arial, helvetica, sans serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    color: #505050;
}

.policy-content .content{
    border: 1px #e5e5e5 solid;
    box-sizing: border-box;
    width: 570px;
    float: left;
    height: 419px;
    overflow-y: auto;
    padding: 10px;
}

.policy-content .gift{
    border: 1px #e5e5e5 solid;
    box-sizing: border-box;
    width: 570px;
    float: left;
    overflow-y: auto;
    padding: 10px 10px 6px 10px;
}

/* Notification */
.notification{
    width: 570px;
    float: left;
    margin-right: 20px;
}